#sortButton {
    position: fixed; /* Đặt vị trí của nút là cố định */
    bottom: 20px; /* Đặt vị trí dưới cùng 20px */
    right: 20px; /* Đặt vị trí phải cùng 20px */
    z-index: 999; /* Đặt z-index để nút luôn hiển thị trên các phần tử khác */
    padding: 10px 20px; /* Điều chỉnh khoảng cách nội dung của nút */
    background-color: rgba(255, 255, 255, 0.089);
    color: #fff; /* Màu chữ của nút */
    border: none; /* Loại bỏ đường viền của nút */
    border-radius: 10px; /* Bo góc của nút */
    backdrop-filter: blur(50%); /* Mức độ mờ */
    cursor: pointer; /* Biến con trỏ thành bàn phím khi di chuyển qua nút */
    
}

#sortButton:hover {
    background-color: #6381c2;
}


#filter-container {
    display: flex;
    justify-content: center; /* Giữ nguyên căn giữa tổng thể */
    flex-wrap: wrap; /* Giữ nguyên các nút xuống dòng nếu cần */
    gap: 10px; /* Thêm khoảng cách giữa các nút thay vì dùng margin */
}

.filter-tag {
    /* Thêm thuộc tính này để nút co giãn */
    flex: 1 1 0; /* grow: 1, shrink: 1, basis: 0 */
    min-width: 100px; /* Giới hạn kích thước tối thiểu cho nút */
    max-width: 180px; /* Giới hạn kích thước tối đa (Tùy chọn) */

    /* CSS cơ bản cho nút (giữ nguyên) */
    padding: 8px 15px;
    margin: 0 5px; /* Giảm margin ngang vì đã dùng gap */
    cursor: pointer;
    border: 1px solid #97a6d8;
    background-color: #97a6d8;
    border-radius: 5px;
}

.filter-tag.active {
    /* Đánh dấu nút đang được chọn */
    background-color: #4d5791d7; /* Màu nổi bật */
    color: white;
    border-color: #5564a8;
}